<!DOCTYPE html>
<html lang="en">
<head>
  <meta http-equiv="Content-Language" content="zh-CN" />
  <meta charset="utf-8"/>
  <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
  <style>
    body {
      text-align: center;
    }

    .video-container {
      text-align: center;
      padding: 40px 0;
    }

    .video-iframe {
      width: 640px;
      height: 360px;
    }

    @media screen and (max-width: 966px) {
      .video-iframe {
        width: 360px;
        height: 240px;
      }
    }
  </style>
</head>
<body>
  <div>
    <h1>
      Tailchat Nightly
    </h1>

    <h3>
      Tailchat 演示环境
    </h3>

    <p>如果有任何反馈欢迎直接在本群组 @moonrailgun 或者发送邮件到 <a href="mailto:moonrailgun@gmail.com">moonrailgun@gmail.com</a></p>

    <p>
      官方文档: <a href="https://tailchat.msgbyte.com/">https://tailchat.msgbyte.com/</a>
    </p>
    <p>
      开源地址: <a href="https://github.com/msgbyte/tailchat">https://github.com/msgbyte/tailchat</a>
    </p>

    <div class="video-container">
      <h2>演示视频</h2>
      <iframe class="video-iframe" src="https://player.bilibili.com/player.html?aid=340398093&bvid=BV1394y1Z76n&cid=568332564&page=1" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true"> </iframe>
    </div>
  </div>
</body>
</html>
